<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
  <script src="https://cdn.bootcss.com/layer/2.3/layer.js"></script>
  <title>开元酒店官方网站</title>
</head>
<body>
  <div class="activities">
    <div class="p-head"></div>
    <ul class="p-content">
      <!-- 历史导航栏 -->
      <div class="history-nav">
        <a href="/">首页</a>
        >
        <a href="JavaScript:">优惠活动</a>
      </div>
      <div class="recommend">
        <h1>错峰出游</h1>
        <p>新春过后，开元酒店集团推出“错峰出游”活动，让你甩开人山人海，惬意享受旅途。</p>
        <a href="javascript:">了解详情</a>
      </div>
      <div class="activities-list-wrap">
        <ul>
          <li>
            <img src="./image/special_offer10.jpg">
            <div class="text">
              <h1>开元酒店宣布于香港联交所主板上市计划</h1>
              <p>开元酒店宣布于香港联交所主板上市计划.</p>
              <div class="btn-wrap">
                <span>
                  <span class="iconfont icon-liulanshu"> 1200</span>
                </span>
                <div class="btn">查看详情</div>
              </div>
            </div>
          </li>
          <li>
            <img src="./image/special_offer12.jpg">
            <div class="text">
              <h1>开元酒店宣布于香港联交所主板上市计划</h1>
              <p>开元酒店宣布于香港联交所主板上市计划.</p>
              <div class="btn-wrap">
                <span>
                  <span class="iconfont icon-liulanshu"> 1200</span>
                </span>
                <div class="btn">查看详情</div>
              </div>
            </div>
          </li>
          <li>
            <img src="./image/special_offer2.jpg">
            <div class="text">
              <h1>2月会员日-点祺成金</h1>
              <p>两晚换半年，金卡在手，想走就走</p>
              <div class="btn-wrap">
                <span>
                  <span class="iconfont icon-liulanshu"> 553</span>
                </span>
                <div class="btn">查看详情</div>
              </div>
            </div>
          </li>
          <li>
            <img src="./image/special_offer13.jpg">
            <div class="text">
              <h1>2月会员日-点祺成金</h1>
              <p>两晚换半年，金卡在手，想走就走</p>
              <div class="btn-wrap">
                <span>
                  <span class="iconfont icon-liulanshu"> 553</span>
                </span>
                <div class="btn">查看详情</div>
              </div>
            </div>
          </li>
          <li>
            <img src="./image/special_offer14.jpg">
            <div class="text">
              <h1>2月会员日-点祺成金</h1>
              <p>两晚换半年，金卡在手，想走就走</p>
              <div class="btn-wrap">
                <span>
                  <span class="iconfont icon-liulanshu"> 553</span>
                </span>
                <div class="btn">查看详情</div>
              </div>
            </div>
          </li>
          <li>
            <img src="./image/special_offer11.jpg">
            <div class="text">
              <h1>2月会员日-点祺成金</h1>
              <p>两晚换半年，金卡在手，想走就走</p>
              <div class="btn-wrap">
                <span>
                  <span class="iconfont icon-liulanshu"> 553</span>
                </span>
                <div class="btn">查看详情</div>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <div class="p-foot"></div>
  </div>
</body>
</html>